*{ margin: 0; padding: 0; box-sizing: border-box;}
.upload_drawer{ background-color:#000;}
.upoload_content .clearFix:after{ content:''; display:block; clear: both;}
.upoload_content #loading{ display: none; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; color: #999; font-size: 16px;}
.upoload_content #loading>img{ width: 100px; height: 100px;}
.upoload_content #loading[v-cloak]{ display: flex;}
.upoload_content ::-webkit-scrollbar{ width:2px; background-color:rgba(0,0,0,.1);}
.upoload_content ::-webkit-scrollbar-thumb{ background-color:#282828;}
.upoload_content ::-webkit-scrollbar-track{ background-color:#323232;}

.upoload_content .el-image{ width:100%;}
.upoload_content .image-slot{ width: 100%; padding-top: 100%; position: relative; background-color: #DDD; border-radius: 5px;}
.upoload_content .image-slot i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; color:#adadad;}

.upoload_content{ width:70%; position:fixed; top:0; right:0; bottom:0; z-index:7; background:#000; padding: 15px 20px; color:#E4E4E4; font-size:14px;}
.upoload_content .box_border{ background-color: #282828; border: 2px solid #1C1C1C; box-shadow: 0 0 1px 1px #2D2D2D inset; border-radius: 5px;}
.upoload_content .box_border .title{ border-bottom: 2px solid #323232;}
.upoload_content .icon{ transition: color .5s; cursor: pointer;}
.upoload_content .icon:hover{ color: #409EFF;}

.upoload_content .left_cont{ width:180px; position: absolute;}
.upoload_content .left_cont .el-button{ width:100%; line-height: 30px; margin-bottom: 10px; padding: 6px 20px;}
.upoload_content .left_cont .el-button i{ font-size: 28px; margin-right: 5px; vertical-align: top;}
.upoload_content .left_box{ min-height: 240px; margin-bottom: 10px;}
.upoload_content .left_box .title{ padding: 0 10px; line-height: 35px;}
.upoload_content .left_box .title .icon{ float: right; margin-top: 12px; font-weight: bold;}
.upoload_content .left_box .cont{ padding: 5px 0; height:200px; overflow-y:auto;}
.upoload_content .left_box .cont .li{ padding: 0 12px; line-height: 30px; font-size: 12px; cursor: pointer;}
.upoload_content .left_box .cont .li .icon{ float: right; margin-top: 11px;}
.upoload_content .left_box .cont .li:hover{ background-color: #1C1C1C;}
.upoload_content .left_box .cont .li.active span{ color: #409EFF;}

.upoload_content .right_cont{ padding-left: 200px;}
.upoload_content .right_cont .nav{ height: 25px; margin-bottom: 10px; overflow: hidden;}
.upoload_content .nav .name{ line-height: 1; border-left: 2px solid #D1D1D1; padding-left: 9px; margin-top: 8px;}
.upoload_content .right_cont .content{ min-height: 600px; border-radius: 10px;}
.upoload_content .content .menu{ padding: 5px 0; line-height: 25px; overflow: hidden;}
.upoload_content .content .menu .bar{ float: left; font-size: 13px; padding: 0 20px; border-right: 2px solid #323232;}
.upoload_content .content .menu .bar:last-child{ border-right: 0;}
.upoload_content .content .menu .bar .disabled{ opacity: .5; color: #E4E4E4; cursor: no-drop;}
.upoload_content .content .cont{ display: flex; padding:12px 15px; flex-wrap: wrap;}
.upoload_content .content .cont .box{ display: flex; width:15%; padding: 1.6%; margin: 0 0.8% 1.6%; border: 2px solid transparent; border-radius: 5px; text-align: center; flex-direction: column; justify-content: flex-end; cursor: pointer;}
.upoload_content .content .cont .box .ellipsis{ font-size: 12px; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.upoload_content .content .cont .box:hover{ border-color: #3b78b4; background-color: rgba(255,255,255,.2);}
.upoload_content .content .cont .box.active{ border-color: #409EFF; background-color: rgba(255,255,255,.2);}
.upoload_content .content .cont .tip_noData{ width:300px; padding-top: 300px; text-align: center; margin: 0 auto; background: url('../images/data_null.png') center 0 no-repeat; background-size: contain; opacity: .5;}

.upoload_content .content .control_cont{ padding: 40px 0 0;}
.upoload_content .content .control_cont .el-form{ width:75%; margin: 0 auto;}
.upoload_content .content .control_cont .el-form-item__label{ color: inherit;}
.upoload_content .content .control_cont .inp{ width: 200px;}

.upoload_content .content .move_control{ text-align: center;}
.upoload_content .content .move_control .el-transfer{ margin-top: 30px;}
.upoload_content .content .move_control .el-transfer .el-transfer-panel{ text-align: left; background: #333; border-color: #333;}
.move_control .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label,
.move_control .el-transfer .el-transfer-panel .el-checkbox{ color:#D1D1D1;}
.move_control .el-transfer-panel .el-transfer-panel__header{ background: #444; border-color:#2D2D2D;}
.move_control .el-transfer-panel .el-transfer-panel__footer{ background: transparent; border: 0;}
.move_control .el-transfer-panel:last-child .el-transfer-panel__list{ padding-bottom: 40px;}
.move_control .el-input__inner{ background: #393939; color:#D1D1D1; border-color:#2D2D2D;}

.upload_pro{ height: 20px; line-height: 20px; position: relative;}
.upload_pro p{ width:100%; text-align: center; color:#E4E4E4; position: absolute; top: 0; left: 0; z-index: 4;}
.upload_pro .el-progress-bar__outer{ background-color: #4f5054;}
.upload_pro .el-progress__text{ color:#E4E4E4; font-size: 16px !important;}
.upload_pro .el-progress-bar{ padding-right:65px; margin-right:-70px;}